@extends('Layout/personBase')

@section('title', '电话修改')

@section('css')
		
		<link href="{{asset('Home/css/stepstyle.css')}}" rel="stylesheet" type="text/css">

@endsection

@section('right')
	<div class="am-cf am-padding">
		<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">绑定手机</strong> / <small>Bind&nbsp;Phone</small></div>
	</div>
	<hr/>
	<!--进度条-->
	<div class="m-progress">
		<div class="m-progress-list">
			<span class="step-1 step">
                <em class="u-progress-stage-bg"></em>
                <i class="u-stage-icon-inner">1<em class="bg"></em></i>
                <p class="stage-name">绑定手机</p>
            </span>
			<span class="step-2 step">
                <em class="u-progress-stage-bg"></em>
                <i class="u-stage-icon-inner">2<em class="bg"></em></i>
                <p class="stage-name">完成</p>
            </span>
			<span class="u-progress-placeholder"></span>
		</div>
		<div class="u-progress-bar total-steps-2">
			<div class="u-progress-bar-inner"></div>
		</div>
	</div>
	<form class="am-form am-form-horizontal">
		<div class="am-form-group bind">
			<label for="user-phone" class="am-form-label">验证手机</label>
			<div class="am-form-content">
				<span id="user-phone">186XXXX0531</span>
			</div>
		</div>
		<div class="am-form-group code">
			<label for="user-code" class="am-form-label">验证码</label>
			<div class="am-form-content">
				<input type="tel" id="user-code" placeholder="短信验证码">
			</div>
			<a class="btn" href="javascript:void(0);" onclick="sendMobileCode();" id="sendMobileCode">
				<div class="am-btn am-btn-danger">验证码</div>
			</a>
		</div>
		<div class="am-form-group">
			<label for="user-new-phone" class="am-form-label">验证手机</label>
			<div class="am-form-content">
				<input type="tel" id="user-new-phone" placeholder="绑定新手机号">
			</div>
		</div>
		<div class="am-form-group code">
			<label for="user-new-code" class="am-form-label">验证码</label>
			<div class="am-form-content">
				<input type="tel" id="user-new-code" placeholder="短信验证码">
			</div>
			<a class="btn" href="javascript:void(0);" onclick="sendMobileCode();" id="sendMobileCode">
				<div class="am-btn am-btn-danger">验证码</div>
			</a>
		</div>
		<div class="info-btn">
			<div class="am-btn am-btn-danger">保存修改</div>
		</div>

	</form>
@endsection

			